•

NaN / NaN
Retour
JP
Effectuer une recherche vocale
Créer
Notifications
JP
Build a Pokedex with JavaScript and PokeAPI
Si la lecture ne commence pas dans quelques secondes, essayez de redémarrer votre appareil.
6:34
5 secondes
Faites glisser vers le haut pour une recherche plus précise
Plein écran (f)
13:26
•
Vous êtes déconnecté
Les vidéos que vous visionnez peuvent être ajoutées à l'historique des vidéos regardées sur votre téléviseur et avoir une influence sur les recommandations qui vous sont faites. Pour éviter ce problème, annulez et connectez-vous à YouTube sur un ordinateur.
À suivre
En direct
À venir
Regarder
How to code Pokemon Cards in Javascript HTML CSS
13:26
Kenny Yip Coding
S'abonner
Abonné
Hello! On this channel, I showcase my portfolio projects and create coding tutorials. I am currently working on a javascript tutorial series where I focus on game programming with html, css, and javascript. My goal is to provide HD quality coding tutorials with detailed explanations within the shortest amount of time possible. If that is something that interests you, please consider subscribing and sharing this channel with friends and family! Stay tuned for my next video! https://www.kennyyipcoding.com/
JavaScript Game Programming Projects Tutorials
28 vidéos
Kenny Yip Coding
S'abonner
Abonné
Changer l'angle de la caméra
Partager
Une erreur s'est produite lors de la récupération des informations de partage. Veuillez réessayer ultérieurement.
8:54
9:14 / 32:07•Regarder l'intégralité de la vidéo

Moments clés

Css

Css

3:32

Css
3:32

Add Display Flex

Add Display Flex

5:28

Add Display Flex
5:28

Javascript

Javascript

5:46

Javascript
5:46

Create a Pokedex Map

Create a Pokedex Map

5:57

Create a Pokedex Map
5:57

Pokeapi

Pokeapi

7:08

Pokeapi
7:08

For Loop

For Loop

15:09

For Loop
15:09

Add a Click Handler

Add a Click Handler

20:19

Add a Click Handler
20:19

Coloring

Coloring

26:13

Coloring
26:13

Adding the Background Image

Adding the Background Image

29:48

Adding the Background Image
29:48

Add More Pokemon

Add More Pokemon

31:08

Add More Pokemon
31:08
Synchroniser avec la vidéo

Créer un extrait

Mathieu Belson
 Public
 
 
0/140
–
30.0 secondes
Continuer la création d'extraits après l'annonce
Impossible de créer des extraits lorsqu'une annonce est en cours de lecture

Description

Build a Pokedex with JavaScript and PokeAPI
Kenny Yip Coding
Kenny Yip Coding
137 J'aime
8 126 vues
2022 20 févr.
In this coding tutorial, you will learn how to build a pokedex using javascript html css with the pokeapi! Using javascript, we will populate pokemon data from the API onto the pokedex. You will also learn how to use css to make the pokedex scrollable. https://pokeapi.co/ Code: https://github.com/ImKennyYip/Pokedex Demo: https://imkennyyip.github.io/Pokedex/ Website: https://www.kennyyipcoding.com/ Java Game Programming Projects Playlist:    • Java Game Programming Projects Tutorial   JavaScript Game Programming Projects Playlist:    • JavaScript Game Programming Projects ...   Subscribe for more coding tutorials 😄! .normal { background-color: beige; color: black; } .fire { background-color: orange; color: white; } .grass { background-color: green; color: white; } .water { background-color: blue; color: white; } .ice { background-color: lightblue; color: black; } .electric { background-color: gold; color: black; } .fighting { background-color: darkred; color: white; } .flying { background-color: skyblue; color: black; } .bug { background-color: yellowgreen; color: white; } .ghost { background-color: purple; color: white; } .rock { background-color: sienna; color: white; } .ground { background-color: burlywood; color: black; } .steel { background-color: silver; color: black; } .dark { background-color: darkgray; color: white; } .psychic { background-color: palevioletred; color: white; } .fairy { background-color: pink; color: black; } .dragon { background-color: teal; color: white; } .poison { background-color: darkviolet; color: white; }
Moins Plus

Moments clés

Css

Css

3:32

Css
3:32

Add Display Flex

Add Display Flex

5:28

Add Display Flex
5:28

Javascript

Javascript

5:46

Javascript
5:46

Create a Pokedex Map

Create a Pokedex Map

5:57

Create a Pokedex Map
5:57

Playlist sélectionnée

28 vidéos
JavaScript Game Programming Projects Tutorials
Kenny Yip Coding

Transcription

Ne perdez plus le fil grâce à la transcription.

Kenny Yip Coding

10,6 k abonnés
Vidéos
À propos

Commentaires 16

Top des commentaires
Les plus récents d'abord

Transcription

NaN / NaN

Build a Pokedex with JavaScript and PokeAPI

Kenny Yip Coding
Kenny Yip Coding
10,6 k abonnés
<__slot-el>
<__slot-el>
<__slot-el>
J'aime ce contenu
Je n'aime pas ce contenu
Partager
8,1 k vues il y a 1 an JavaScript Game Programming Projects Tutorials
Moins
In this coding tutorial, you will learn how to build a pokedex using javascript html css with the pokeapi! Using javascript, we will populate pokemon data from the API onto the pokedex. You will also learn how to use css to make the pokedex scrollable.  …...afficher plus
...afficher plus

Moments clés

Css

Css

3:32

Css
3:32

Add Display Flex

Add Display Flex

5:28

Add Display Flex
5:28

Javascript

Javascript

5:46

Javascript
5:46

Create a Pokedex Map

Create a Pokedex Map

5:57

Create a Pokedex Map
5:57

Pokeapi

Pokeapi

7:08

Pokeapi
7:08

For Loop

For Loop

15:09

For Loop
15:09

Add a Click Handler

Add a Click Handler

20:19

Add a Click Handler
20:19

Coloring

Coloring

26:13

Coloring
26:13

Playlist sélectionnée

28 vidéos
JavaScript Game Programming Projects Tutorials
Kenny Yip Coding

Transcription

Ne perdez plus le fil grâce à la transcription.

Kenny Yip Coding

10,6 k abonnés
Vidéos
À propos
Moins
8 126 vues • 20 févr. 2022 • JavaScript Game Programming Projects Tutorials
JavaScript Game Programming Projects Tutorials

Build a Pokedex with JavaScript and PokeAPI

8 126 vues8,1 k vues
20 févr. 2022
<__slot-el>
J'aime ce contenu
Je n'aime pas ce contenu
Partager
Télécharger
Extrait
Enregistrer
Kenny Yip Coding
Kenny Yip Coding
10,6 k abonnés
<__slot-el>
<__slot-el>
In this coding tutorial, you will learn how to build a pokedex using javascript html css with the pokeapi! Using javascript, we will populate pokemon data from the API onto the pokedex. You will also learn how to use css to make the pokedex scrollable. https://pokeapi.co/ Code: https://github.com/ImKennyYip/Pokedex Demo: https://imkennyyip.github.io/Pokedex/ Website: https://www.kennyyipcoding.com/ Java Game Programming Projects Playlist:    • Java Game Programming Projects Tutorial   JavaScript Game Programming Projects Playlist:    • JavaScript Game Programming Projects ...   Subscribe for more coding tutorials 😄! .normal { background-color: beige; color: black; } .fire { background-color: orange; color: white; } .grass { background-color: green; color: white; } .water { background-color: blue; color: white; } .ice { background-color: lightblue; color: black; } .electric { background-color: gold; color: black; } .fighting { background-color: darkred; color: white; } .flying { background-color: skyblue; color: black; } .bug { background-color: yellowgreen; color: white; } .ghost { background-color: purple; color: white; } .rock { background-color: sienna; color: white; } .ground { background-color: burlywood; color: black; } .steel { background-color: silver; color: black; } .dark { background-color: darkgray; color: white; } .psychic { background-color: palevioletred; color: white; } .fairy { background-color: pink; color: black; } .dragon { background-color: teal; color: white; } .poison { background-color: darkviolet; color: white; }

Moments clés

Css

Css

3:32

Css
3:32

Add Display Flex

Add Display Flex

5:28

Add Display Flex
5:28

Javascript

Javascript

5:46

Javascript
5:46

Create a Pokedex Map

Create a Pokedex Map

5:57

Create a Pokedex Map
5:57

Pokeapi

Pokeapi

7:08

Pokeapi
7:08

For Loop

For Loop

15:09

For Loop
15:09

Add a Click Handler

Add a Click Handler

20:19

Add a Click Handler
20:19

Coloring

Coloring

26:13

Coloring
26:13

Playlist sélectionnée

28 vidéos
JavaScript Game Programming Projects Tutorials
Kenny Yip Coding

Transcription

Ne perdez plus le fil grâce à la transcription.

Kenny Yip Coding

10,6 k abonnés
Vidéos
À propos
Moins ...afficher plus
Tout Source : Kenny Yip Coding JavaScript Informatique Vidéos similaires

Plus de vidéos

事業会社のインフラ求人

事業会社の求人2,500件以上掲載中/まずはご相談ください。
Annonce
Annonce
レバテックキャリア
13:26
En cours de lecture

How to code Pokemon Cards in Javascript HTML CSS

Kenny Yip Coding
Kenny Yip Coding
•
•
3 k vues il y a 1 an
1:01:00
En cours de lecture

Pokédex con la POKÉAPI en HTML, CSS y JS

Carpi Coder
Carpi Coder
•
•
11 k vues il y a 9 mois
15:02
En cours de lecture

Pokedex Javascript | Fetch y PokeApi #1

Code Hive
Code Hive
•
•
39 k vues il y a 2 ans
23:25
En cours de lecture

C'EST QUOI UNE API ? Explication simple et exemple pratique !

Wikode medias
Wikode medias
•
•
20 k vues il y a 1 an
24:17
En cours de lecture

Crear un Pokedex con HTML, CSS y JavaScript

Programación Accesible
Programación Accesible
•
•
28 k vues il y a 2 ans
22:43
En cours de lecture

Puzzle Game in Javascript HTML CSS

Kenny Yip Coding
Kenny Yip Coding
•
•
14 k vues il y a 1 an
1:51:56
En cours de lecture

Crea una Pokedex con React - Context Api | Práctica para principiantes

Programación para el Mundo
Programación para el Mundo
•
•
17 k vues il y a 10 mois
27:19
En cours de lecture

How to Build Sudoku JavaScript Tutorial

Kenny Yip Coding
Kenny Yip Coding
•
•
32 k vues il y a 1 an
34:41
En cours de lecture

Crea una Pokedex con HTML y JavaScript

Miguel Reyes
Miguel Reyes
•
•
5,6 k vues il y a 2 ans
19:17
En cours de lecture

Build your own Pokédex using HTML, CSS and JS with hover effect!

TA Coding
TA Coding
•
•
10 k vues il y a 2 ans
36:13
En cours de lecture

Build a Wordle Clone in JavaScript HTML CSS

Kenny Yip Coding
Kenny Yip Coding
•
•
20 k vues il y a 1 an
37:27
En cours de lecture

Code Blackjack with JavaScript HTML CSS

Kenny Yip Coding
Kenny Yip Coding
•
•
36 k vues il y a 1 an
16:07
En cours de lecture

How To Make QR Code Generator Website Using HTML CSS And JavaScript

GreatStack
GreatStack
Validé
•
•
58 k vues il y a 8 mois
37:49
En cours de lecture

How to make 2048 Game with Javascript HTML CSS

Kenny Yip Coding
Kenny Yip Coding
•
•
29 k vues il y a 1 an
29:45
En cours de lecture

How to code snake game in JavaScript

Kenny Yip Coding
Kenny Yip Coding
•
•
74 k vues il y a 1 an
38:09
En cours de lecture

APIs with Angular #3 - Create Pokedex App with Angular and PokeAPI

Omerko
Omerko
•
•
11 k vues il y a 2 ans
24:59
En cours de lecture

How to Build Connect 4 with Javascript HTML CSS

Kenny Yip Coding
Kenny Yip Coding
•
•
15 k vues il y a 1 an
14:53
En cours de lecture

Tangkap Pokemon dengan Fetch API

Sekolah Koding
Sekolah Koding
Validé
•
•
7,7 k vues il y a 3 ans
41:49
En cours de lecture

Build Minesweeper with Javascript HTML CSS

Kenny Yip Coding
Kenny Yip Coding
•
•
14 k vues il y a 1 an
42:20
En cours de lecture

Build a Pokedex with Vanilla HTML, CSS, and JavaScript

James Q Quick
James Q Quick
Validé
•
•
51 k vues il y a 4 ans

16 commentaires

Trier les commentaires
Trier par
Top des commentaires
Les plus récents d'abord
Mathieu Belson
Ajoutez un commentaire…
@EagleHunt

@EagleHunt

il y a 9 mois
I'm making a project with PokeAPI in python, but your video was extremely helpful. Keep up the work!
Moins Lire la suite
0
J'aime
0
Je n'aime pas
❤ de Kenny Yip Coding
@markclemens6697

@markclemens6697

il y a 2 mois
I really like your project to building a pokedex web app with the help of PokeAPI, it was really helpful.
Moins Lire la suite
0
J'aime
0
Je n'aime pas
@darkNovaskar

@darkNovaskar

il y a 2 mois
I noticed your app folder doesn't have jsx. How do I adjust that part if I'm building it in react?
Moins Lire la suite
0
J'aime
0
Je n'aime pas
@mastywhore

@mastywhore

il y a 1 an
Really nice video man!
Moins Lire la suite
0
J'aime
0
Je n'aime pas
❤ de Kenny Yip Coding
Kenny Yip Coding
·
·
@schultz02

@schultz02

il y a 7 mois
im wanting to draw my own pokemon sprites how do i add the image file??
Moins Lire la suite
0
J'aime
0
Je n'aime pas

@ravaradithyarazan9575

il y a 9 mois
can anybody solve this problem? "Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'front_default') at getPokemon (function2.js:17:37)" have been searching for fix but cant found it
Moins Lire la suite
0
J'aime
0
Je n'aime pas

@KennyYipCoding

@KennyYipCoding
@KennyYipCoding
il y a 1 an
Check out the playlist of web project tutorials here! https://www.youtube.com/playlist?list=PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q Got a tutorial suggestion? Let me know down below!
Moins Lire la suite
2
J'aime
2
Je n'aime pas

@arriannahdavis3081

il y a 11 mois
something I didn't do right. i think its with the files I made the three files for the java, css and html but when I try to open mine like you did 3:16 mine don't show at all?
Moins Lire la suite
0
J'aime
0
Je n'aime pas
·
·

@MistOnYT777

il y a 1 an
So when I added more pokemon the Description of the pokemon change Languages and Idk how to change it back to English help (Everything else worked perfectly good video!)
Moins Lire la suite
0
J'aime
0
Je n'aime pas
❤ de Kenny Yip Coding
·
·

@arunmondal5810

il y a 8 mois (modifié)
How to add seech bar in this website
Moins Lire la suite
0
J'aime
0
Je n'aime pas
Lire en boucle
Copier l'URL de la vidéo
Copier l'URL de la vidéo à partir de cette séquence
Copier le code d'intégration
Copier les informations de débogage
Résoudre les problèmes de lecture
Stats pour les nerds